Существует гибкость, предоставляемая для включения кода JavaScript в любом месте документа HTML. Однако наиболее предпочтительные способы включить JavaScript в файл HTML следующие:
Содержание:
- Сценарий в разделе
head ... /head
. - Сценарий в разделе
body ... /body
. - Скрипт в разделах
body ... /body
иhead>... /head
. - Сценарий во внешнем файле, а затем включить в раздел
head ... /head
.
В следующем разделе мы увидим, как мы можем поместить JavaScript в файл HTML по-разному.
JavaScript в разделе head ... /head
Если вы хотите, чтобы сценарий выполнялся на каком-либо событии, например, когда пользователь нажимает где-то, вы поместите этот скрипт в голову следующим образом:
JavaScript в разделе body ... /body
Если вам нужен сценарий для запуска при загрузке страницы, чтобы сценарий генерировал контент на странице, скрипт переходит в часть body
документа. В этом случае у вас не будет функции, определенной с помощью JavaScript. Взгляните на следующий код.
JavaScript в body и head разделах
Вы можете поместить свой код JavaScript в раздел head
и body
в целом следующим образом:
JavaScript в внешнем файле
Когда вы начнете более активно работать с JavaScript, вы, скорее всего, обнаружите, что есть случаи, когда вы повторно используете идентичный код JavaScript на нескольких страницах сайта.
Вы не ограничены поддержкой одинакового кода в нескольких файлах HTML. Сценарий тег обеспечивает механизм, позволяющий хранить JavaScript во внешнем файле, а затем включить его в свои HTML - файлы.
Вот пример, показывающий, как вы можете включить внешний JavaScript-файл в свой HTML-код с помощью тега script
и его атрибута src
.
Чтобы использовать JavaScript из внешнего источника файла, вам нужно записать весь исходный код JavaScript в простой текстовый файл с расширением «.js», а затем включить этот файл, как показано выше.
Например, вы можете сохранить следующий файл в файле filename.js
, а затем вы можете использовать функцию sayHello
в своем HTML-файле после включения файла filename.js
.
Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!
Новые статьи
- JavaScript - объект Array - 08/09/2018 15:47
- JavaScript - объект Strings - 08/09/2018 15:47
- JavaScript - логические объекты - 08/09/2018 15:46
- JavaScript - Числовые объекты - 08/09/2018 15:46
- JavaScript - Обзор объектов - 08/09/2018 15:45
- JavaScript - Печать страницы - 08/09/2018 15:45
- JavaScript - Void - 08/09/2018 15:45
- JavaScript - диалоговые окна - 08/09/2018 15:44
- JavaScript - Redirect - 08/09/2018 15:44
- JavaScript и Cookies - 08/09/2018 15:43
- JavaScript - События - 08/09/2018 15:43
- JavaScript - функции - 08/09/2018 15:42
- JavaScript - управление циклом - 08/09/2018 15:41
- JavaScript - цикл for ... in - 08/09/2018 15:41
- JavaScript - For цикл - 08/09/2018 15:40
- JavaScript - циклы - 08/09/2018 15:40
- JavaScript - switch-case - 08/09/2018 15:39
- JavaScript - if ... else - 08/09/2018 15:39
- JavaScript - Операторы - 08/09/2018 15:38
- JavaScript - переменные - 08/09/2018 15:38